```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jEnv - 轻松管理你的 Java 版本</title>
    <link href="https://cdn.staticfile.org/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
    <link href="https://cdn.staticfile.org/tailwindcss/2.2.19/tailwind.min.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/mermaid@latest/dist/mermaid.min.js"></script>
    <style>
        body {
            font-family: 'Noto Sans SC', 'Tahoma', Arial, Roboto, 'Droid Sans', 'Helvetica Neue', 'Droid Sans Fallback', 'Heiti SC', 'Hiragino Sans GB', Simsun, sans-serif;
            background-color: #f8fafc;
            color: #1e293b;
            line-height: 1.6;
        }
        .hero-gradient {
            background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
        }
        .card-hover:hover {
            transform: translateY(-4px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }
        .feature-icon {
            background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
        }
        .code-block {
            font-family: 'Menlo', 'Monaco', 'Courier New', monospace;
            background-color: #1e293b;
            color: #e2e8f0;
        }
        .tab-active {
            border-bottom: 3px solid #6366f1;
            color: #6366f1;
            font-weight: 500;
        }
        .section-divider {
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(99, 102, 241, 0.5), transparent);
        }
    </style>
</head>
<body class="antialiased">
    <!-- Hero Section -->
    <section class="hero-gradient text-white py-20 md:py-32 px-4 md:px-0">
        <div class="container mx-auto max-w-6xl text-center">
            <div class="inline-block px-3 py-1 mb-4 text-xs font-semibold text-indigo-100 bg-indigo-800 rounded-full">
                <i class="fas fa-code mr-1"></i> 开发者工具
            </div>
            <h1 class="text-4xl md:text-6xl font-bold mb-6 leading-tight">
                <span class="text-indigo-200">jEnv</span> 轻松管理你的 Java 版本
            </h1>
            <p class="text-xl md:text-2xl text-indigo-100 max-w-3xl mx-auto mb-8">
                一个轻量级命令行工具，简化多 Java 开发工具包版本管理，让开发更专注更高效
            </p>
            <div class="flex justify-center space-x-4">
                <a href="#installation" class="px-8 py-3 bg-white text-indigo-600 font-semibold rounded-lg hover:bg-indigo-50 transition duration-300">
                    <i class="fas fa-download mr-2"></i> 立即安装
                </a>
                <a href="https://github.com/jenv/jenv" target="_blank" class="px-8 py-3 bg-indigo-900 text-white font-semibold rounded-lg hover:bg-indigo-800 transition duration-300">
                    <i class="fab fa-github mr-2"></i> GitHub 仓库
                </a>
            </div>
        </div>
    </section>

    <!-- Problem & Solution Section -->
    <section class="py-16 px-4 md:px-0 bg-white">
        <div class="container mx-auto max-w-6xl">
            <div class="grid md:grid-cols-2 gap-12 items-center">
                <div>
                    <div class="flex items-center mb-6">
                        <span class="w-8 h-8 rounded-full bg-indigo-100 text-indigo-600 flex items-center justify-center font-bold mr-3">1</span>
                        <h2 class="text-2xl font-bold text-gray-800">它能解决什么问题</h2>
                    </div>
                    <p class="text-gray-700 mb-6">
                        Java 开发者经常需要同时处理多个项目，每个项目可能依赖不同版本的 JDK。手动设置 <code class="bg-gray-100 px-1 rounded">JAVA_HOME</code> 环境变量或调整系统路径繁琐且容易出错，尤其是在需要频繁切换版本时。
                    </p>
                    <div class="bg-amber-50 border-l-4 border-amber-400 p-4 mb-6">
                        <p class="text-amber-800">
                            <i class="fas fa-exclamation-circle mr-2 text-amber-500"></i>
                            不同项目可能要求特定的 Java 版本，例如 Android 开发通常需要 Java 8，而服务器端应用可能需要 Java 11 或更高版本。
                        </p>
                    </div>
                    <p class="text-gray-700">
                        <span class="font-semibold text-indigo-600">jEnv 就是来解决这些问题的</span>，它通过自动化管理 Java 版本，减少手动配置的麻烦，让开发者专注于编码而非环境设置。
                    </p>
                </div>
                <div class="relative">
                    <div class="bg-gradient-to-br from-indigo-50 to-purple-50 p-8 rounded-xl shadow-lg">
                        <div class="flex mb-6">
                            <div class="w-3 h-3 rounded-full bg-red-500 mr-2"></div>
                            <div class="w-3 h-3 rounded-full bg-yellow-500 mr-2"></div>
                            <div class="w-3 h-3 rounded-full bg-green-500"></div>
                        </div>
                        <div class="code-block p-6 rounded-lg overflow-x-auto">
                            <pre class="text-sm">
<span class="text-indigo-300">$ </span><span class="text-green-300">jenv versions</span>
  system
* 1.8 (set by /Users/me/project/.java-version)
  11
  17

<span class="text-indigo-300">$ </span><span class="text-green-300">cd my-java8-project</span>
<span class="text-indigo-300">$ </span><span class="text-green-300">java -version</span>
<span class="text-gray-400">openjdk version "1.8.0_292"</span>

<span class="text-indigo-300">$ </span><span class="text-green-300">cd ../my-java17-project</span>
<span class="text-indigo-300">$ </span><span class="text-green-300">java -version</span>
<span class="text-gray-400">openjdk version "17.0.1" 2021-10-19</span></pre>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Features Section -->
    <section class="py-16 px-4 md:px-0 bg-gray-50">
        <div class="container mx-auto max-w-6xl">
            <div class="text-center mb-16">
                <h2 class="text-3xl font-bold text-gray-800 mb-4">核心功能概述</h2>
                <p class="text-gray-600 max-w-3xl mx-auto">jEnv 提供了强大的功能来简化 Java 版本管理，提升开发效率</p>
            </div>
            <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
                <div class="bg-white p-8 rounded-xl shadow-sm hover:shadow-md transition duration-300 card-hover">
                    <div class="feature-icon w-12 h-12 rounded-xl flex items-center justify-center text-white mb-6">
                        <i class="fas fa-exchange-alt text-2xl"></i>
                    </div>
                    <h3 class="text-xl font-bold text-gray-800 mb-3">版本切换</h3>
                    <p class="text-gray-600">
                        通过 <code class="bg-gray-100 px-1 rounded">jenv global</code>、<code class="bg-gray-100 px-1 rounded">jenv local</code> 和 <code class="bg-gray-100 px-1 rounded">jenv shell</code> 命令，支持全局、项目目录或当前 Shell 会话的 Java 版本切换，灵活适应不同需求。
                    </p>
                </div>
                <div class="bg-white p-8 rounded-xl shadow-sm hover:shadow-md transition duration-300 card-hover">
                    <div class="feature-icon w-12 h-12 rounded-xl flex items-center justify-center text-white mb-6">
                        <i class="fas fa-cog text-2xl"></i>
                    </div>
                    <h3 class="text-xl font-bold text-gray-800 mb-3">自动设置 JAVA_HOME</h3>
                    <p class="text-gray-600">
                        启用 export 插件后，jEnv 自动配置 <code class="bg-gray-100 px-1 rounded">JAVA_HOME</code>，确保工具如 Maven 和 Gradle 使用正确的 JDK。
                    </p>
                </div>
                <div class="bg-white p-8 rounded-xl shadow-sm hover:shadow-md transition duration-300 card-hover">
                    <div class="feature-icon w-12 h-12 rounded-xl flex items-center justify-center text-white mb-6">
                        <i class="fas fa-boxes text-2xl"></i>
                    </div>
                    <h3 class="text-xl font-bold text-gray-800 mb-3">JDK 管理</h3>
                    <p class="text-gray-600">
                        通过 <code class="bg-gray-100 px-1 rounded">jenv add</code> 添加 JDK 安装路径，支持多个 JDK 版本共存，并通过 <code class="bg-gray-100 px-1 rounded">jenv versions</code> 查看已注册的版本。
                    </p>
                </div>
                <div class="bg-white p-8 rounded-xl shadow-sm hover:shadow-md transition duration-300 card-hover">
                    <div class="feature-icon w-12 h-12 rounded-xl flex items-center justify-center text-white mb-6">
                        <i class="fas fa-puzzle-piece text-2xl"></i>
                    </div>
                    <h3 class="text-xl font-bold text-gray-800 mb-3">插件支持</h3>
                    <p class="text-gray-600">
                        支持 Maven、Gradle 等插件，确保构建工具与 jEnv 配置的 JDK 无缝协作。
                    </p>
                </div>
                <div class="bg-white p-8 rounded-xl shadow-sm hover:shadow-md transition duration-300 card-hover">
                    <div class="feature-icon w-12 h-12 rounded-xl flex items-center justify-center text-white mb-6">
                        <i class="fas fa-terminal text-2xl"></i>
                    </div>
                    <h3 class="text-xl font-bold text-gray-800 mb-3">Shell 集成</h3>
                    <p class="text-gray-600">
                        兼容 Bash、Zsh 和 Fish Shell，提供自动补全和环境初始化功能，提升使用体验。
                    </p>
                </div>
                <div class="bg-white p-8 rounded-xl shadow-sm hover:shadow-md transition duration-300 card-hover">
                    <div class="feature-icon w-12 h-12 rounded-xl flex items-center justify-center text-white mb-6">
                        <i class="fas fa-users text-2xl"></i>
                    </div>
                    <h3 class="text-xl font-bold text-gray-800 mb-3">团队协作</h3>
                    <p class="text-gray-600">
                        通过 <code class="bg-gray-100 px-1 rounded">.java-version</code> 文件实现团队项目环境一致性，无需手动配置。
                    </p>
                </div>
            </div>
        </div>
    </section>

    <!-- Use Cases Section -->
    <section class="py-16 px-4 md:px-0 bg-white">
        <div class="container mx-auto max-w-6xl">
            <div class="text-center mb-16">
                <h2 class="text-3xl font-bold text-gray-800 mb-4">使用场景</h2>
                <p class="text-gray-600 max-w-3xl mx-auto">jEnv 如何在不同开发场景中提升您的工作效率</p>
            </div>
            <div class="grid gap-12">
                <div class="grid md:grid-cols-2 gap-8 items-center">
                    <div class="order-1 md:order-none">
                        <div class="flex items-center mb-4">
                            <span class="w-8 h-8 rounded-full bg-indigo-100 text-indigo-600 flex items-center justify-center font-bold mr-3">1</span>
                            <h3 class="text-xl font-bold text-gray-800">多项目开发</h3>
                        </div>
                        <p class="text-gray-700 mb-4">
                            假设你同时维护一个基于 Java 8 的 Android 项目和一个基于 Java 17 的 Spring Boot 项目。使用 <code class="bg-gray-100 px-1 rounded">jenv local 1.8</code> 在 Android 项目目录设置 Java 8，<code class="bg-gray-100 px-1 rounded">jenv local 17</code> 在 Spring Boot 项目目录设置 Java 17，切换目录时 jEnv 自动应用正确的 JDK。
                        </p>
                        <div class="bg-indigo-50 p-4 rounded-lg">
                            <p class="text-indigo-800 font-medium">
                                <i class="fas fa-question-circle mr-2 text-indigo-600"></i>
                                你是否需要为不同项目配置特定 Java 版本？jEnv 如何简化你的工作流？
                            </p>
                        </div>
                    </div>
                    <div class="bg-gradient-to-br from-blue-50 to-indigo-50 p-6 rounded-xl shadow-sm">
                        <div class="code-block p-4 rounded-lg">
                            <pre class="text-sm">
<span class="text-indigo-300"># 进入Java 8项目目录</span>
<span class="text-indigo-300">$ </span><span class="text-green-300">cd ~/projects/android-app</span>
<span class="text-indigo-300">$ </span><span class="text-green-300">jenv local 1.8</span>

<span class="text-indigo-300"># 进入Java 17项目目录</span>
<span class="text-indigo-300">$ </span><span class="text-green-300">cd ~/projects/spring-boot-app</span>
<span class="text-indigo-300">$ </span><span class="text-green-300">jenv local 17</span></pre>
                        </div>
                    </div>
                </div>
                
                <div class="section-divider my-8"></div>
                
                <div class="grid md:grid-cols-2 gap-8 items-center">
                    <div class="order-1">
                        <div class="bg-gradient-to-br from-purple-50 to-pink-50 p-6 rounded-xl shadow-sm">
                            <div class="code-block p-4 rounded-lg">
                                <pre class="text-sm">
<span class="text-indigo-300"># 在当前Shell使用Java 11</span>
<span class="text-indigo-300">$ </span><span class="text-green-300">jenv shell 11</span>
<span class="text-indigo-300">$ </span><span class="text-green-300">java -version</span>

<span class="text-indigo-300"># 切换到Java 21测试</span>
<span class="text-indigo-300">$ </span><span class="text-green-300">jenv shell 21</span>
<span class="text-indigo-300">$ </span><span class="text-green-300">java -version</span></pre>
                            </div>
                        </div>
                    </div>
                    <div class="order-2 md:order-none">
                        <div class="flex items-center mb-4">
                            <span class="w-8 h-8 rounded-full bg-indigo-100 text-indigo-600 flex items-center justify-center font-bold mr-3">2</span>
                            <h3 class="text-xl font-bold text-gray-800">测试不同 JDK 版本</h3>
                        </div>
                        <p class="text-gray-700 mb-4">
                            在开发新功能时，你需要测试代码在 Java 11 和 Java 21 上的兼容性。通过 <code class="bg-gray-100 px-1 rounded">jenv shell 11</code> 和 <code class="bg-gray-100 px-1 rounded">jenv shell 21</code> 在同一终端快速切换，验证代码表现。
                        </p>
                    </div>
                </div>
                
                <div class="section-divider my-8"></div>
                
                <div class="grid md:grid-cols-2 gap-8 items-center">
                    <div class="order-1 md:order-none">
                        <div class="flex items-center mb-4">
                            <span class="w-8 h-8 rounded-full bg-indigo-100 text-indigo-600 flex items-center justify-center font-bold mr-3">3</span>
                            <h3 class="text-xl font-bold text-gray-800">团队协作</h3>
                        </div>
                        <p class="text-gray-700 mb-4">
                            团队项目通过在项目根目录创建 <code class="bg-gray-100 px-1 rounded">.java-version</code> 文件，指定 JDK 版本。所有开发者使用 jEnv 后，进入项目目录时自动加载正确版本，确保环境一致性。
                        </p>
                        <div class="bg-green-50 border-l-4 border-green-400 p-4">
                            <p class="text-green-800">
                                <i class="fas fa-lightbulb mr-2 text-green-500"></i>
                                将 <code class="bg-green-100 px-1 rounded">.java-version</code> 文件加入版本控制，团队所有成员将自动使用正确的 Java 版本！
                            </p>
                        </div>
                    </div>
                    <div class="order-2">
                        <div class="bg-gradient-to-br from-green-50 to-teal-50 p-6 rounded-xl shadow-sm">
                            <div class="code-block p-4 rounded-lg">
                                <pre class="text-sm">
<span class="text-indigo-300"># 在项目根目录设置Java版本</span>
<span class="text-indigo-300">$ </span><span class="text-green-300">jenv local 17</span>

<span class="text-indigo-300"># 查看生成的.java-version文件</span>
<span class="text-indigo-300">$ </span><span class="text-green-300">cat .java-version</span>
<span class="text-gray-400">17</span></pre>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Features Comparison -->
    <section class="py-16 px-4 md:px-0 bg-gray-50">
        <div class="container mx-auto max-w-6xl">
            <div class="text-center mb-16">
                <h2 class="text-3xl font-bold text-gray-800 mb-4">优势与特色</h2>
                <p class="text-gray-600 max-w-3xl mx-auto">为什么开发者选择 jEnv 来管理他们的 Java 环境</p>
            </div>
            
            <div class="bg-white rounded-xl shadow-sm overflow-hidden">
                <div class="grid md:grid-cols-2">
                    <div class="p-8 border-b md:border-b-0 md:border-r border-gray-200">
                        <h3 class="text-xl font-bold text-indigo-600 mb-6">jEnv 的优势</h3>
                        <ul class="space-y-4">
                            <li class="flex">
                                <i class="fas fa-check-circle text-green-500 mt-1 mr-3"></i>
                                <div>
                                    <span class="font-semibold">轻量且专注</span> - 相比 SDKMAN，jEnv 专注于 Java 版本管理，不涉及 JDK 安装，保持简单高效
                                </div>
                            </li>
                            <li class="flex">
                                <i class="fas fa-check-circle text-green-500 mt-1 mr-3"></i>
                                <div>
                                    <span class="font-semibold">跨平台支持</span> - 支持 Linux、macOS，Windows 用户可通过 WSL 使用，覆盖广泛开发环境
                                </div>
                            </li>
                            <li class="flex">
                                <i class="fas fa-check-circle text-green-500 mt-1 mr-3"></i>
                                <div>
                                    <span class="font-semibold">项目级配置</span> - 通过 <code class="bg-gray-100 px-1 rounded">.java-version</code> 文件实现目录级版本控制，适合 Git 版本管理，方便团队协作
                                </div>
                            </li>
                            <li class="flex">
                                <i class="fas fa-check-circle text-green-500 mt-1 mr-3"></i>
                                <div>
                                    <span class="font-semibold">社区活跃</span> - 拥有 6.3k GitHub 星标，持续更新（如最新版本 0.5.9），社区贡献者众多，问题修复及时
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="p-8">
                        <h3 class="text-xl font-bold text-gray-600 mb-6">局限性</h3>
                        <ul class="space-y-4">
                            <li class="flex">
                                <i class="fas fa-info-circle text-indigo-500 mt-1 mr-3"></i>
                                <div>
                                    <span class="font-semibold">不提供 JDK 安装</span> - jEnv 不提供 JDK 安装功能，需用户自行通过包管理器（如 Homebrew）或手动下载安装
                                </div>
                            </li>
                            <li class="flex">
                                <i class="fas fa-info-circle text-indigo-500 mt-1 mr-3"></i>
                                <div>
                                    <span class="font-semibold">Fish Shell 支持</span> - Fish Shell 支持尚未完全测试，可能存在兼容性问题
                                </div>
                            </li>
                        </ul>
                        <div class="mt-8">
                            <a href="https://github.com/jenv/jenv" target="_blank" class="inline-flex items-center text-indigo-600 hover:text-indigo-800 font-medium">
                                <i class="fab fa-github mr-2"></i> 查看 GitHub 仓库
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Mermaid Diagram -->
    <section class="py-16 px-4 md:px-0 bg-white">
        <div class="container mx-auto max-w-6xl">
            <div class="text-center mb-16">
                <h2 class="text-3xl font-bold text-gray-800 mb-4">jEnv 工作流程</h2>
                <p class="text-gray-600 max-w-3xl mx-auto">可视化展示 jEnv 如何管理不同 Java 版本</p>
            </div>
            <div class="bg-gray-50 p-8 rounded-xl">
                <div class="mermaid">
                    graph TD
                        A[开发者] --> B[安装多个JDK]
                        B --> C[使用jenv add注册JDK]
                        C --> D[jenv global设置默认版本]
                        C --> E[jenv local设置项目版本]
                        C --> F[jenv shell设置临时版本]
                        D --> G[全局Java环境]
                        E --> H[项目特定Java环境]
                        F --> I[当前Shell Java环境]
                        G --> J[应用程序使用正确JDK]
                        H --> J
                        I --> J
                </div>
            </div>
        </div>
    </section>

    <!-- Installation Guide -->
    <section id="installation" class="py-16 px-4 md:px-0 bg-indigo-50">
        <div class="container mx-auto max-w-6xl">
            <div class="text-center mb-16">
                <h2 class="text-3xl font-bold text-gray-800 mb-4">上手指南</h2>
                <p class="text-gray-600 max-w-3xl mx-auto">几分钟内完成安装配置，开始使用 jEnv 管理 Java 版本</p>
            </div>
            
            <div class="bg-white rounded-xl shadow-sm overflow-hidden">
                <div class="border-b border-gray-200">
                    <div class="flex">
                        <button class="tab-active px-6 py-4 font-medium text-sm focus:outline-none">macOS</button>
                        <button class="px-6 py-4 font-medium text-sm text-gray-600 focus:outline-none">Linux</button>
                    </div>
                </div>
                
                <div class="p-8">
                    <h3 class="text-xl font-bold text-gray-800 mb-6">安装 jEnv</h3>
                    <div class="grid md:grid-cols-2 gap-8">
                        <div>
                            <div class="mb-6">
                                <h4 class="font-semibold text-gray-800 mb-3 flex items-center">
                                    <span class="w-6 h-6 rounded-full bg-indigo-100 text-indigo-600 flex items-center justify-center font-bold mr-3">1</span>
                                    通过 Homebrew 安装
                                </h4>
                                <div class="code-block p-4 rounded-lg">
                                    <pre class="text-sm">
<span class="text-indigo-300">$ </span><span class="text-green-300">brew install jenv</span></pre>
                                </div>
                            </div>
                            
                            <div class="mb-6">
                                <h4 class="font-semibold text-gray-800 mb-3 flex items-center">
                                    <span class="w-6 h-6 rounded-full bg-indigo-100 text-indigo-600 flex items-center justify-center font-bold mr-3">2</span>
                                    配置 Shell (Bash 或 Zsh)
                                </h4>
                                <div class="code-block p-4 rounded-lg">
                                    <pre class="text-sm">
<span class="text-indigo-300"># 添加到 ~/.bash_profile 或 ~/.zshrc</span>
<span class="text-green-300">export PATH="$HOME/.jenv/bin:$PATH"</span>
<span class="text-green-300">eval "$(jenv init -)"</span></pre>
                                </div>
                                <p class="text-gray-600 text-sm mt-2">
                                    然后运行 <code class="bg-gray-100 px-1 rounded">exec $SHELL -l</code> 或重启终端
                                </p>
                            </div>
                        </div>
                        <div>
                            <div class="mb-6">
                                <h4 class="font-semibold text-gray-800 mb-3 flex items-center">
                                    <span class="w-6 h-6 rounded-full bg-indigo-100 text-indigo-600 flex items-center justify-center font-bold mr-3">3</span>
                                    启用 export 插件
                                </h4>
                                <div class="code-block p-4 rounded-lg">
                                    <pre class="text-sm">
<span class="text-indigo-300">$ </span><span class="text-green-300">jenv enable-plugin export</span></pre>
                                </div>
                                <p class="text-gray-600 text-sm mt-2">
                                    这将自动设置 <code class="bg-gray-100 px-1 rounded">JAVA_HOME</code> 环境变量
                                </p>
                            </div>
                            
                            <div class="mb-6">
                                <h4 class="font-semibold text-gray-800 mb-3 flex items-center">
                                    <span class="w-6 h-6 rounded-full bg-indigo-100 text-indigo-600 flex items-center justify-center font-bold mr-3">4</span>
                                    添加 JDK 并设置版本
                                </h4>
                                <div class="code-block p-4 rounded-lg">
                                    <pre class="text-sm">
<span class="text-indigo-300"># 安装JDK (如通过Homebrew)</span>
<span class="text-indigo-300">$ </span><span class="text-green-300">brew install openjdk@8</span>

<span class="text-indigo-300"># 添加JDK到jEnv</span>
<span class="text-indigo-300">$ </span><span class="text-green-300">jenv add /Library/Java/JavaVirtualMachines/openjdk-8.jdk/Contents/Home</span>

<span class="text-indigo-300"># 设置全局版本</span>
<span class="text-indigo-300">$ </span><span class="text-green-300">jenv global 1.8</span></pre>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="bg-blue-50 p-6 rounded-lg">
                        <h4 class="font-semibold text-blue-800 mb-3 flex items-center">
                            <i class="fas fa-stethoscope mr-2 text-blue-600"></i> 验证安装
                        </h4>
                        <div class="grid md:grid-cols-2 gap-4">
                            <div class="code-block p-4 rounded-lg">
                                <pre class="text-sm">
<span class="text-indigo-300">$ </span><span class="text-green-300">jenv doctor</span>
<span class="text-gray-400">[OK]    No JAVA_HOME set</span>
<span class="text-gray-400">[OK]    Java binaries in path are jenv shims</span>
<span class="text-gray-400">[OK]    Jenv is correctly loaded</span></pre>
                            </div>
                            <div class="code-block p-4 rounded-lg">
                                <pre class="text-sm">
<span class="text-indigo-300">$ </span><span class="text-green-300">jenv versions</span>
<span class="text-gray-400">  system</span>
<span class="text-gray-400">* 1.8 (set by /Users/you/.jenv/version)</span>
<span class="text-gray-400">  11</span>
<span class="text-gray-400">  17</span></pre>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Pricing & Requirements -->
    <section class="py-16 px-4 md:px-0 bg-white">
        <div class="container mx-auto max-w-6xl">
            <div class="grid md:grid-cols-3 gap-8">
                <div class="bg-gray-50 p-8 rounded-xl">
                    <h3 class="text-xl font-bold text-gray-800 mb-4">使用门槛与成本</h3>
                    <ul class="space-y-3">
                        <li class="flex items-start">
                            <i class="fas fa-user-plus text-indigo-500 mt-1 mr-3"></i>
                            <span><span class="font-semibold">注册需求</span> - 无需注册，jEnv 是开源工具，直接从 GitHub 或包管理器安装</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fas fa-money-bill-wave text-indigo-500 mt-1 mr-3"></i>
                            <span><span class="font-semibold">成本</span> - 完全免费，遵循 MIT 许可证，无高级版本或付费功能</span>
                        </li>
                    </ul>
                </div>
                <div class="bg-gray-50 p-8 rounded-xl">
                    <h3 class="text-xl font-bold text-gray-800 mb-4">系统要求</h3>
                    <ul class="space-y-3">
                        <li class="flex items-start">
                            <i class="fas fa-laptop-code text-indigo-500 mt-1 mr-3"></i>
                            <span><span class="font-semibold">操作系统</span> - 支持 macOS、Linux，Windows 通过 WSL 支持</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fas fa-terminal text-indigo-500 mt-1 mr-3"></i>
                            <span><span class="font-semibold">Shell 环境</span> - 需要 Bash、Zsh 或 Fish Shell</span>
                        </li>
                    </ul>
                </div>
                <div class="bg-gray-50 p-8 rounded-xl">
                    <h3 class="text-xl font-bold text-gray-800 mb-4">学习曲线</h3>
                    <ul class="space-y-3">
                        <li class="flex items-start">
                            <i class="fas fa-graduation-cap text-indigo-500 mt-1 mr-3"></i>
                            <span><span class="font-semibold">上手难度</span> - 命令简单，熟悉 Shell 的用户可快速上手</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fas fa-book text-indigo-500 mt-1 mr-3"></i>
                            <span><span class="font-semibold">知识要求</span> - 需了解 JDK 安装路径和基本 Shell 配置</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- CTA Section -->
    <section class="py-20 px-4 md:px-0 bg-gradient-to-r from-indigo-600 to-purple-600 text-white">
        <div class="container mx-auto max-w-4xl text-center">
            <h2 class="text-3xl md:text-4xl font-bold mb-6">开始使用 jEnv 提升您的开发效率</h2>
            <p class="text-xl text-indigo-100 mb-8">告别手动配置 Java 版本的烦恼，专注于创造伟大的代码</p>
            <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-4">
                <a href="#installation" class="px-8 py-4 bg-white text-indigo-600 font-semibold rounded-lg hover:bg-indigo-50 transition duration-300 text-lg">
                    <i class="fas fa-download mr-2"></i> 立即安装
                </a>
                <a href="https://github.com/jenv/jenv" target="_blank" class="px-8 py-4 bg-transparent border-2 border-white text-white font-semibold rounded-lg hover:bg-white hover:text-indigo-600 transition duration-300 text-lg">
                    <i class="fab fa-github mr-2"></i> 查看 GitHub
                </a>
            </div>
        </div>
    </section>

    <script>
        mermaid.initialize({
            startOnLoad: true,
            theme: 'default',
            flowchart: {
                useMaxWidth: true,
                htmlLabels: true,
                curve: 'basis'
            }
        });
        
        // Tab switching
        const tabs = document.querySelectorAll('button');
        tabs.forEach(tab => {
            tab.addEventListener('click', () => {
                tabs.forEach(t => t.classList.remove('tab-active', 'text-indigo-600'));
                tabs.forEach(t => t.classList.add('text-gray-600'));
                tab.classList.add('tab-active', 'text-indigo-600');
            });
        });
    </script>
</body>
</html>
```